Complete code

          'use client'
          import React from 'react';
          import { useState, useEffect } from "react";


          export default function Home() {              


            const [title, setTitle] = useState('')
            const [body, setBody] = useState('')
              
              


            const submitData = async () => {
              let response = await fetch('https://jsonplaceholder.typicode.com/posts', {
                  method: 'POST',
                  body: JSON.stringify({
                      title: title,
                      body: body,
                      userId: 1
                  }),
                  headers: {
                      'Content-type': 'application/json'
                  }
              })
      
              response = await response.json()
      
              alert(JSON.stringify(response))
          }

              

            

            
            return (
              <>
              <h2>External Post API Request | GeeksForGeeks</h2>
              <input
                  type='text'
                  value={title}
                  onChange={e => setTitle(e.target.value)}
                  placeholder='Enter Post Title'
              />
  
              <input
                  type='text'
                  value={body}
                  onChange={e => setBody(e.target.value)}
                  placeholder='Enter Post Body'
              />
              <button onClick={submitData}>Submit</button>
          </>
            );
            
          }